<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>湘潭市智慧气象服务平台</title>
<script src="plugins/jquery.min.js" type="text/javascript"></script>
<!--Easuy_UI样式-->
	<!-- icon图标 -->
	<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
	<link rel="bookmark" href="images/favicon.ico" type="image/x-icon" />
	<script type="text/javascript" src="plugins/jquery.min.js"></script>
<link href="plugins/easyui/themes/default/easyui.css" rel="stylesheet"
	type="text/css" />
<link href="plugins/easyui/themes/icon.css" rel="stylesheet"
	type="text/css" />
    <!--icfont样式-->
	<link rel="stylesheet" href="//at.alicdn.com/t/font_1310077_5oj1oxbdrqr.css">
<script src="plugins/jquery.min.js" type="text/javascript"></script>
<script src="plugins/easyui/jquery.easyui.min.js" type="text/javascript"></script>
<script src="plugins/easyui/easyui-lang-zh_CN.js" type="text/javascript"></script>
<script src="plugins/layui/layui.all.js"></script>
<!--bootstrap样式-->
<link href="plugins/bootstrap/bootstrap.min.css" rel="stylesheet"
	type="text/css" />
<script src="plugins/bootstrap/bootstrap.min.js" type="text/javascript"></script>
	<!--Highcharts-->
	<%--<script src="plugins/Highcharts-3.0.5/js/highcharts.js"></script>--%>
	<%--<script src="plugins/Highcharts-3.0.5/js/modules/exporting.js"></script>--%>
<!--样式-->
<link href="css/myStyle.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" />
<link href="css/main.css" rel="stylesheet">
<link rel="stylesheet" href="plugins/layui/css/layui.css">


	<link rel="stylesheet" href="//at.alicdn.com/t/font_1446189_q676yf0scc8.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/major.css">
	<style>
		.winfo{
			overflow: hidden;
			margin-top: 15px;
		}
		.winfo li{
			float: left;
			margin-right: 16px;
			color: #fff;
		}
	</style>
<script type="text/javascript">
	$(function() {
		var aPage = $('#main .page a'); //分页按钮
		var aImg = $('#main .box img'); //图像集合
		var iSize = aImg.size(); //图像个数
		var index = 0; //切换索引
		var t;
		$('#btnLeft').click(function () { //左边按钮点击
			index--;
			if (index < 0) {
				index = iSize - 1
			}
			change(index)
		})
		$('#btnRight').click(function () { //右边按钮点击
			index++;
			if (index > iSize - 1) {
				index = 0
			}
			change(index)
		})
		//分页按钮点击
		aPage.click(function () {
			index = $(this).index();
			change(index)
		});
		//切换过程
		function change(index) {
			aPage.removeClass('active');
			aPage.eq(index).addClass('active');
			aImg.stop();
			//隐藏除了当前元素，所以图像
			aImg.eq(index).siblings().animate({
				opacity: 0
			}, 3000)
			//显示当前图像
			aImg.eq(index).animate({
				opacity: 1
			}, 3000)
		}


		function autoshow() {
			index = index + 1;
			if (index <= iSize - 1) {
				change(index);
			} else {
				index = 0;
				change(index);
			}

		}
		int = setInterval(autoshow, 6000);

		function clearInt() {
			$('#btnLeft,#btnRight,.page a').mouseover(function () {
				clearInterval(int);
			})

		}

		function setInt() {
			$('#btnLeft,#btnRight,.page a').mouseout(function () {
				int = setInterval(autoshow, 6000);
			})
		}
		clearInt();
		setInt();
		show(1);
	});
	function show(id) {
		var NowImg = id; //表示当前显示的div
		var MaxImg = 6; //表示div的个数
		// for (var i = 1; i <= MaxImg; i++) {
		// 	if (NowImg == i)
		// 		document.getElementById(NowImg).style.display = 'block'; //当前显示的div
		// 	else
		// 		document.getElementById(i).style.display = 'none';
		// }
		if (NowImg == MaxImg) //判断当前div是否是最后一个，如果是则从第一个重新轮回显示
			NowImg = 1;
		else
			NowImg++; //设置下一个显示的图片
		HideDraggable();
		if (id == 1) {
			loadRad();
			loadCloudHour();
			changeCloudPic("cloudPic", 9);
			changeRadPic("radPic", 9);
			changeRainPic("rainPic", 22);
			changeTempPic("tempPic", 22);
			changeWindPic("windPic", 22);
			changeHumidPic("humidPic", 22);
			changePressPic("pressPic", 22);
			LeiDianPic();
			TrafficPic();
			SenlinPic();
			FloodPic();
			DZPic();
            CityFirePic();
            CityWaterPic();
            AirPullutionPic();
            // ThunderFcstPic();

		}

	}
</script>
</head>
<body id="layout"   class="easyui-layout" onload="Load()">

<div class="home-header">
	<div class="w1200 clearfix" style="position:relative;">

		<div class="home-logo">
			<div class="hi-mes">
				hi，欢迎来到湘潭市智慧气象服务平台~
			</div>
			<h1>湘潭市智慧气象服务平台</h1>
		</div>
		<div class="head-cc-tq">
			<div class="head-weather">
				<div class="gif">
					<img id="bg" src="image/yun.gif">
				</div>
				<div class="wea">
					<div id="form1" runat="server">
						<div id="wrapper">
							<p><a id="Datetime">2019年12月19日15时-16时预报</a>
								<%--<a id="Datetime">(12:00更新)</a>--%>
							</p>
						</div>
					</div>
					<div class="sunshine">
						<%--<img id="tqtb" src="http://hn.cma.gov.cn/images/day_2.gif">--%>
					</div>
					<div class="weather-l" style="border:none;margin-left:4%;    width: 100%;">
						<div class="temperature">
							<div class="number" id="temps">6.6</div>
							<br/>
							<label class="second" id="rains"></label>
							<label class="second"   id="hum"></label>
							<label  class="second"  id="wind_direction_cn"></label>
							<%--<div class="wdr">--%>
								<%--<div style="text-align:left;" class="wd">--%>
									<%--<voice class="Voice-Voicer-Pointer-Label">℃</voice>--%>
							<%--</div>--%>
								<%--<div style="text-align:left;width: 91px" class="wd" id="weather">阴天</div>--%>
							<%--</div>--%>
						</div>
						<a >
							<div class="rain" id="pDate"> 星期四 己亥年 冬月廿四</div>
						</a>
					</div>
					<%--<div class="weather-r" style="width:auto;float:right; margin-right: 10px;">--%>
						<%--<p style="margin-top: 55px;text-align:right" id="wind_direction_cn">西北风二级</p>--%>
					<%--</div>--%>
				</div>

			</div>
		</div>
	</div>
	<div class="top-banner" id="main">
		<div class="box">
			<img src="image/xt-index-ban-1.png" alt="">
			<img src="image/xt-index-ban-2.png" alt="">
			<img src="image/xt-index-ban-3.png" alt="">
		</div>
	</div>
</div>
<!--<div class="head">
		<div>
			<div style="background:rgba(44,90,157,1); color: white">hi，欢迎来到湘潭市智慧气象服务平台~</div>
			<%--<i class="iconfont icon-ico_southwind"></i>--%>
		</div>
		<div>
			<div>
				<div class="head-left">
					<div>湘潭市智慧气象服务平台</div>
				</div>
				<div style="margin-right: 13px;
    float: right;
    font-size: 20px;
    margin-top: 10px;
    color: lightgray;">
					<label id="time"></label>
				</div>
			</div>
		</div>
	</div>
-->


	<div class="body">
		<div class="panel layout-panel layout-panel-center panel-htop"
			style="overflow: auto;">
			<div id="layCenter" data-options="region:'center'"
				style="width: 100%;"
				class="panel-body panel-body-noheader layout-body">

				<div class="container" id="1"
					style="  width: 1300px;margin: 30px auto">
                    <!--左边div-->
					<div style="width: 790px;float: left" >
					<!--天气预报-->
					<div style="width: 100%; display: inline-block">
						<form id="formCity" action="">
							<input type="hidden" id="date" name="date" /> <input type="hidden"
																				 id="sc" name="sc" />
						</form>
						<div class="tab-content " style="width: 100%;position: relative">
								<div style="position: absolute;right: 10px;top: 10px">
								<span  class="layui-this" id="ul1" style="font-size: 18px; background-color: white;border-radius: 3px;">
							<a href="#cityForecast" class="active tab-pane" data-toggle="tab" id="city"  style="color: black;">&nbsp;&nbsp;城市&nbsp;&nbsp;</a>
						</span>
							<span  class="layui-this"  id="ul2"  style="font-size: 18px;background-color: white;border-radius: 3px;">
							<a href="#FineForecast" onclick="" class="tab-pane" data-toggle="tab" id="fine" style="color:black;">&nbsp;&nbsp;乡镇&nbsp;&nbsp;</a>
						</span>
								</div>
							<div class="tab-pane fade in active  ybContent"  style="height: 700px;background-color: white"  id="cityForecast">
								<iframe src="" id="cityfram" frameborder="0"
										style="width: 100%;
                                height: 100%; overflow: hidden;  margin-top: 3px;"></iframe>

							</div>
							<div class="tab-pane fade in active  ybContent" style="height:700px;background-color: white;display: none"  id="FineForecast"
								 style="display:none">
								<iframe src="" id="townfram" frameborder="0"
										style="width: 100%;
                                height: 100%; overflow: hidden;  margin-top: 3px;"></iframe>
							</div>
						</div>
					</div>
						<div id="img1" class="img1">
							<ul class="nav nav-tabs "  id="img2" style="background-color: white">
								<li class="active" id="tra"><a  href="#traffic" class="tab-pane active" data-toggle="tab"
																style="color: black">交通预报</a></li>
								<li><a href="#SenLin" class="tab-pane" data-toggle="tab" style="color: black">森林火险</a></li>
								<li><a href="#Flood" class="tab-pane" data-toggle="tab" style="color: black">山洪预警</a></li>
								<li><a href="#DZ"  class="tab-pane" data-toggle="tab" style="color: black">地质灾害</a></li>

								<li><a href="#CityFire"  class="tab-pane" data-toggle="tab" style="color: black">城市火险</a></li>
								<li><a href="#CityWater"  class="tab-pane" data-toggle="tab" style="color: black">城市内涝</a></li>
								<%--<li><a href="#ThunderFcst"  class="tab-pane" data-toggle="tab" style="color: black">雷电预报</a></li>--%>
								<li><a href="#AirPullution"  class="tab-pane" data-toggle="tab" style="color: black">环境预报</a></li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane fade in active" id="traffic"
									 style="text-align: center">
									<img src="" alt="交通预报" class="pic" id="trafficPic" />
								</div>

								<div class="tab-pane fade in" id="SenLin"
									 style="text-align: center">
									<img src="" alt="森林火险" class="pic" id="SenlinPic" />
								</div>
								<div class="tab-pane fade in" id="Flood"
									 style="text-align: center">
									<h2 style="color: blueviolet" id="FloodfbTime"></h2>
									<img src="" alt="山洪沟气象风险预警" class="pic" id="FloodPic" />
								</div>
								<div class="tab-pane fade in" id="DZ" style="text-align: center">
									<h2 style="color: blueviolet" id="DZfbTime"></h2>
									<img src="" alt="地灾气象风险预警" class="pic" id="DZPic" />
								</div>
                                <div class="tab-pane fade in" id="CityFire" style="text-align: center">
                                    <h2 style="color: blueviolet" id="CFfbTime"></h2>
                                    <img src="" alt="城市火险" class="pic" id="CityFirePic" />
                                </div>
                                <div class="tab-pane fade in" id="CityWater" style="text-align: center">
                                    <h2 style="color: blueviolet" id="CWfbTime"></h2>
                                    <img src="" alt="城市内涝" class="pic" id="CityWaterPic" />
                                </div>

                                <%--<div class="tab-pane fade in" id="ThunderFcst" style="text-align: center">--%>
                                    <%--<h2 style="color: blueviolet" id="TFfbTime"></h2>--%>
                                    <%--<img src="" alt="雷电预报" class="pic" id="ThunderFcstPic" />--%>
                                <%--</div>--%>

                                <div class="tab-pane fade in" id="AirPullution" style="text-align: center">
                                    <h2 style="color: blueviolet" id="APfbTime"></h2>
                                    <img src="" alt="空气质量" class="pic" id="AirPullutionPic" />
                                </div>

							</div>
						</div>

					<div id="img" class="img">
						<ul class="nav nav-tabs "  style="background-color: white">
							<li class="active"><a href="#Rain" class="tab-pane active"
												  data-toggle="tab" style="color: black"> 雨量 </a></li>
							<li><a href="#Temp" class="tab-pane" data-toggle="tab"
								   style="color: black">温度</a></li>
							<li><a href="#Wind" class="tab-pane" data-toggle="tab"
								   style="color: black">风</a></li>
							<li><a href="#Humid" class="tab-pane" data-toggle="tab"
								   style="color: black">湿度</a></li>
							<li><a href="#Press" class="tab-pane" data-toggle="tab"
								   style="color: black">气压</a></li>
							<li><a href="#Radar" class="tab-pane" data-toggle="tab"
								   style="color: black">雷达</a></li>
							<li><a href="#Cloud" class="tab-pane" data-toggle="tab"
								   style="color: black">云图</a></li>
							<li><a href="#LeiDian" class="tab-pane" data-toggle="tab"
								   style="color: black">雷电</a></li>
						</ul>

						<div class="tab-content">

						<div class="tab-pane fade in active" id="Rain"
							 style="text-align: center">
							<div class="filter-box">
								<label for="rainType"> 类型 </label> <select id="rainType"
																		   onchange="changeRainPic('rainPic',24);"
																		   style="width: 80px;
                                height: 24px; border: 1px solid #BFC9CE; border-radius: 3px;">
								<option value="雨量">1小时</option>
								<option value="三小时雨量">3小时</option>
								<option value="六小时雨量">6小时</option>
								<option value="十二小时雨量">12小时</option>
								<option value="二十四小时雨量">24小时</option>
							</select>
							</div>
							<br/>

							<div id="rainCtrl" style="padding: 0px 27%;" >
								<span class="Ctrl" hour="1"></span><span class="Ctrl" hour="2"></span><span
									class="Ctrl" hour="3"></span><span class="Ctrl" hour="4"></span><span
									class="Ctrl" hour="5"> </span><span class="Ctrl" hour="6"></span><span
									class="Ctrl" hour="7"></span><span class="Ctrl" hour="8"></span><span
									class="Ctrl" hour="9"></span><span class="Ctrl" hour="10"></span><span
									class="Ctrl" hour="11"></span><span class="Ctrl" hour="12">
								</span>
								<span class="Ctrl" hour="13"></span><span class="Ctrl" hour="14"></span><span
									class="Ctrl" hour="15"></span><span class="Ctrl" hour="16"></span><span
									class="Ctrl" hour="17"></span><span class="Ctrl" hour="18"></span><span
									class="Ctrl" hour="19"> </span><span class="Ctrl" hour="20"></span><span
									class="Ctrl" hour="21"></span><span class="Ctrl" hour="22"></span><span
									class="Ctrl" hour="23"></span><span class="Ctrl" hour="24"></span>

							</div>
							<img src="images/btn_play.gif" onclick="rainClick();"
								 id="Rain_player" state="pause"
								 style="float:right; margin: -10px 20% 0px 0px; cursor: pointer"; />
							<div class="imgbox">
								<img id="rainPic" src="images/暂无图片.jpg" alt="雨量等值图" />
							</div>
							<div style="margin: 12px 0px; font-weight: bold;">
								最大值:<span id="RainValue" style="text-decoration: underline;"></span>
								出现在<span id="RainName" style="text-decoration: underline;"></span>
							</div>
						</div>
							<!--雨结束-->
							<div class="tab-pane fade in" id="Temp" style="text-align: center">
								<div class="filter-box">
									<select id="temptype" onchange="changeTempPic('tempPic',24)"
											style="width: 80px;
                            height: 24px; border: 1px solid #BFC9CE; border-radius: 3px;">
										<option value="温度">温度</option>
										<option value="最高温">最高温</option>
										<option value="最低温">最低温</option>
									</select>
								</div>
								<div id="tempCtrl" style="padding: 0px 27%;">
									<span class="Ctrl" hour="1"></span><span class="Ctrl" hour="2"></span><span
										class="Ctrl" hour="3"></span><span class="Ctrl" hour="4"></span><span
										class="Ctrl" hour="5"> </span><span class="Ctrl" hour="6"></span><span
										class="Ctrl" hour="7"></span><span class="Ctrl" hour="8"></span><span
										class="Ctrl" hour="9"></span><span class="Ctrl" hour="10"></span><span
										class="Ctrl" hour="11"></span><span class="Ctrl" hour="12">
								</span><span class="Ctrl" hour="13"></span><span class="Ctrl" hour="14"></span><span
										class="Ctrl" hour="15"></span><span class="Ctrl" hour="16"></span><span
										class="Ctrl" hour="17"></span><span class="Ctrl" hour="18"></span><span
										class="Ctrl" hour="19"> </span><span class="Ctrl" hour="20"></span><span
										class="Ctrl" hour="21"></span><span class="Ctrl" hour="22"></span><span
										class="Ctrl" hour="23"></span><span class="Ctrl" hour="24"></span>

								</div>
								<img src="images/btn_play.gif" onclick="tempClick();"
									 id="temp_player" state="pause"
									 style="float:right; margin: -10px 20% 0px 0px; cursor: pointer"; />
								<div class="imgbox">
									<img id="tempPic" src="" alt="气温等值图" class="pic" />
								</div>
								<div style="margin: 12px 0px; font-weight: bold;">
									最高温:<span id="tempMax" style="text-decoration: underline;"></span>
									出现在<span id="tempMaxName" style="text-decoration: underline;"></span>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									最低温:<span id="tempMin" style="text-decoration: underline;"></span>
									出现在<span id="tempMinName" style="text-decoration: underline;"></span>
								</div>
							</div>
							<div class="tab-pane fade in" id="Wind" style="text-align: center">
								<div id="windCtrl" style="padding: 0px 27%;">
									<span class="Ctrl" hour="1"></span><span class="Ctrl" hour="2"></span><span
										class="Ctrl" hour="3"></span><span class="Ctrl" hour="4"></span><span
										class="Ctrl" hour="5"> </span><span class="Ctrl" hour="6"></span><span
										class="Ctrl" hour="7"></span><span class="Ctrl" hour="8"></span><span
										class="Ctrl" hour="9"></span><span class="Ctrl" hour="10"></span><span
										class="Ctrl" hour="11"></span><span class="Ctrl" hour="12">
								</span><span class="Ctrl" hour="13"></span><span class="Ctrl" hour="14"></span><span
										class="Ctrl" hour="15"></span><span class="Ctrl" hour="16"></span><span
										class="Ctrl" hour="17"></span><span class="Ctrl" hour="18"></span><span
										class="Ctrl" hour="19"> </span><span class="Ctrl" hour="20"></span><span
										class="Ctrl" hour="21"></span><span class="Ctrl" hour="22"></span><span
										class="Ctrl" hour="23"></span><span class="Ctrl" hour="24"></span>
								</div>
								<img src="images/btn_play.gif" onclick="windClick();"
									 id="wind_player" state="pause"
									 style="float:right; margin: -10px 20% 0px 0px; cursor: pointer"; />
								<br style="clear: left" />
								<div class="imgbox">
									<img id="windPic" src="" alt="风速等值图" class="pic" />
								</div>
								<div style="margin: 12px 0px; font-weight: bold;">
									最大风:<span id="windMax" style="text-decoration: underline;"></span>
									出现在<span id="windMaxName" style="text-decoration: underline;"></span>
								</div>
							</div>
							<div class="tab-pane fade in" id="Humid"
								 style="text-align: center">
								<div id="humidCtrl" style="padding: 0px 27%;">
									<span class="Ctrl" hour="1"></span><span class="Ctrl" hour="2"></span><span
										class="Ctrl" hour="3"></span><span class="Ctrl" hour="4"></span><span
										class="Ctrl" hour="5"> </span><span class="Ctrl" hour="6"></span><span
										class="Ctrl" hour="7"></span><span class="Ctrl" hour="8"></span><span
										class="Ctrl" hour="9"></span><span class="Ctrl" hour="10"></span><span
										class="Ctrl" hour="11"></span><span class="Ctrl" hour="12">
								</span><span class="Ctrl" hour="13"></span><span class="Ctrl" hour="14"></span><span
										class="Ctrl" hour="15"></span><span class="Ctrl" hour="16"></span><span
										class="Ctrl" hour="17"></span><span class="Ctrl" hour="18"></span><span
										class="Ctrl" hour="19"> </span><span class="Ctrl" hour="20"></span><span
										class="Ctrl" hour="21"></span><span class="Ctrl" hour="22"></span><span
										class="Ctrl" hour="23"></span><span class="Ctrl" hour="24"></span>

								</div>
								<img src="images/btn_play.gif" onclick="humidClick();"
									 id="humid_player" state="pause"
									 style="float:right; margin: -10px 20% 0px 0px; cursor: pointer"; />
								<br style="clear: left" />
								<div class="imgbox">
									<img id="humidPic" src="" alt="湿度等值图" class="pic" />
								</div>
								<div style="margin: 12px 0px; font-weight: bold;">
									最小湿度:<span id="humidMin" style="text-decoration: underline;"></span>
									出现在<span id="humidMinName" style="text-decoration: underline;"></span>
								</div>
							</div>
							<div class="tab-pane fade in" id="Press"
								 style="text-align: center">
								<div id="pressCtrl" style="padding: 0px 27%;">
									<span class="Ctrl" hour="1"></span><span class="Ctrl" hour="2"></span><span
										class="Ctrl" hour="3"></span><span class="Ctrl" hour="4"></span><span
										class="Ctrl" hour="5"> </span><span class="Ctrl" hour="6"></span><span
										class="Ctrl" hour="7"></span><span class="Ctrl" hour="8"></span><span
										class="Ctrl" hour="9"></span><span class="Ctrl" hour="10"></span><span
										class="Ctrl" hour="11"></span><span class="Ctrl" hour="12">
								</span><span class="Ctrl" hour="13"></span><span class="Ctrl" hour="14"></span><span
										class="Ctrl" hour="15"></span><span class="Ctrl" hour="16"></span><span
										class="Ctrl" hour="17"></span><span class="Ctrl" hour="18"></span><span
										class="Ctrl" hour="19"> </span><span class="Ctrl" hour="20"></span><span
										class="Ctrl" hour="21"></span><span class="Ctrl" hour="22"></span><span
										class="Ctrl" hour="23"></span><span class="Ctrl" hour="24"></span>

								</div>
								<img src="images/btn_play.gif" onclick="pressClick();"
									 id="press_player" state="pause"
									 style="float:right; margin: -10px 20% 0px 0px; cursor: pointer"; />
								<br style="clear: left" />
								<div class="imgbox">
									<img id="pressPic" src="" alt="气压等值图" class="pic" />
								</div>
								<div style="margin: 12px 0px; font-weight: bold;">
									最大气压:<span id="pressMax" style="text-decoration: underline;"></span>
									出现在<span id="pressMaxName" style="text-decoration: underline;"></span>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									最小气压:<span id="pressMin" style="text-decoration: underline;"></span>
									出现在<span id="pressMinName" style="text-decoration: underline;"></span>
								</div>
							</div>
							<div class="tab-pane fade in" id="Radar"
								 style="text-align: center">
								<div id="radCtrl" style="margin-left: 250px;margin-top: 20px;">
									<span class="Ctrl" hour="1"></span><span class="Ctrl" hour="2"></span><span
										class="Ctrl" hour="3"></span><span class="Ctrl" hour="4"></span><span
										class="Ctrl" hour="5"> </span><span class="Ctrl" hour="6"></span><span
										class="Ctrl" hour="7"></span><span class="Ctrl" hour="8"></span><span
										class="Ctrl" hour="9"></span><span class="Ctrl" hour="10"></span>
									<img src="images/btn_play.gif" onclick="radClick();"
										 id="rad_player" state="pause"
										 style="float: left; margin: 10px 0px 0px 10px; cursor: pointer" />
								</div>
								<br style="clear: left" />
								<h2 id="radTitle"></h2>
								<div class="filter-box" style="margin-top: 20px;margin-left: 50px;">
									<div style="float: left">
										<label for="radHour" > 雷达站点： </label> <select id="radid"
																					 onchange="loadRadHour();changeRadPic('radPic', 9);"
																					 style="width: 146px;
                            height: 24px; border: 1px solid #BFC9CE; border-radius: 3px; ">
										<option value="732">湘潭</option>
									</select>
									</div>
									<div style="float: right">
										<label for="radHour" > 雷达类型： </label> <select id="radtype"
																					 onchange="loadRadHour();changeRadPic('radPic', 9);"
																					 style="
                            height: 24px; border: 1px solid #BFC9CE; border-radius: 3px;">
									</select>
									</div>

								</div>
								<div class="filter-box" style="margin-top: 10px;margin-left: 50px;">

									<div  style="float: left">
										<label for="radHour"> 时&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp间： </label><select id="radHour"
																				   onchange="radHourChange();"
																				   style="width: 146px; height: 24px;
                            border: 1px solid #BFC9CE; border-radius: 3px;"></select>
									</div>
									<div  style="float: right">
										<label for="yangjiao"> 仰&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp角： </label> <select id="yangjiao"
																					onchange="loadRadHour();"
																					style="width: 123px; height: 24px;
                            border: 1px solid #BFC9CE; border-radius: 3px;">
									</select>
									</div>
								</div>
								<div class="imgbox" style="padding-bottom: 12px">
									<img id="radPic" src="images/暂无图片.jpg" alt="雷达图" class="pic"
										 style="padding: 0; margin: 0;" />
									<%-- border: solid 1px  rgba(28,35,14,0.38)--%>
								</div>
							</div>
							<div class="tab-pane fade in" id="Cloud"
								 style="text-align: center">
								<div id="cloudCtrl" style="margin-left: 250px;margin-top: 20px;">
									<span class="Ctrl" hour="1"></span><span class="Ctrl" hour="2"></span><span
										class="Ctrl" hour="3"></span><span class="Ctrl" hour="4"></span><span
										class="Ctrl" hour="5"> </span><span class="Ctrl" hour="6"></span><span
										class="Ctrl" hour="7"></span><span class="Ctrl" hour="8"></span><span
										class="Ctrl" hour="9"></span><span class="Ctrl" hour="10"></span>
									<img src="images/btn_play.gif" onclick="cloudClick();"
										 id="cloud_player" state="pause"
										 style="float: left; margin: 10px 0px 0px 10px; cursor: pointer" />
								</div>
								<div class="filter-box"  style="margin-top: 10px;margin-left: 50px">
									<div style="float: left;">
										<label for="cloudtype"> 云图类型： </label> <select id="cloudtype"
																					   onchange="loadCloudHour();changeCloudPic('cloudPic', 1);"
																					   style="width: 110px; height: 24px; border: 1px solid #BFC9CE; border-radius: 3px;margin-bottom:5px">
										<option value="FY2E红外图像">红外图像</option>
										<option value="FY2E中红外图像">中红外图像</option>
										<option value="FY2E水汽图像">水汽图像</option>
										<option value="FY2E分裂窗图像">分裂窗图像</option>
										<option value="FY2E可见光图像">可见光图像</option>
									</select>
									</div>
									<div style="float: right;">
										<label for="cloudHour"> 时&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp间： </label> <select id="cloudHour"
																					 onchange="cloudHourChange();"
																					 style="width: 110px; height: 24px;
                            border: 1px solid #BFC9CE; border-radius: 3px;"></select>
									</div>
								</div>

								<br style="clear: left" />

								<div class="imgbox" style="padding-bottom: 12px">
									<img id="cloudPic" src="images/暂无图片.jpg" alt="云图" class="pic" />
								</div>
							</div>

							<div class="tab-pane fade in" id="LeiDian"
								 style="text-align: center">
								<div id="LeidianCtrl" style="padding: 0px 36%;display: none">
									<span class="Ctrl" hour="1"></span><span class="Ctrl" hour="2"></span><span
										class="Ctrl" hour="3"></span><span class="Ctrl" hour="4"></span><span
										class="Ctrl" hour="5"> </span><span class="Ctrl" hour="6"></span>
									<img src="images/btn_play.gif" onclick="leidianClick();"
										 id="leidian_player" state="pause"
										 style="float: left; margin: 10px 0px 0px 10px; cursor: pointer" />
								</div>
								<br style="clear: left" />
								<div class="imgbox" style="padding-bottom: 12px">
									<img id="LeidianPic" src="" alt="雷电" class="pic" />
								</div>
							</div>
						</div>
					</div>


					</div>
                    <!--右边div-->
					<div style="width: 450px;float: right" >

						<!--预警-->
						<div
						style="width: 100%; height: 310px;display: inline-block; vertical-align: top; float: left;  background: rgba(255,255,255,1);">

						<div style="width: 100%; height: 100%;">
							<div style="width: 100%;margin-top:10px;font-size: 16px;margin-left: 5px">
								●	预警信号
								<hr style="height: 2px;color: black;">
							</div>
						<iframe src="pages/WeatherService/Warnning.jsp" id="Warnfram"
						frameborder="0"
						style="width: 100%;
						height: 100%; overflow: hidden; margin-top: 3px;"></iframe>
						</div>
						</div>

						<div style="margin-top: 30px;width:100%;display: inline-block;background-color: white">
							<div style="width: 100%;margin-top:10px;font-size: 16px;margin-left: 5px">
								●	降水预报
								<hr style="height: 2px;color: black;">
							</div>



							<div id=""
								 style="text-align: center">
								<iframe src="pages/WeatherService/RainEstimate.jsp" width="100%"
										height="306px" frameborder="0" onload=""></iframe>
							</div>

						</div>




						<div style="margin-top: 30px;width:100%;display: inline-block;background-color: white">
							<div style="width: 100%;margin-top:10px;font-size: 16px;margin-left: 5px">
								●	指数预报
								<hr style="height: 2px;color: black;">
							</div>



							<div id="zhishu"
								 style="text-align: center">
								<iframe src="pages/WeatherService/ZhiShu.jsp" width="100%"
										height="310px" frameborder="0" onload=""></iframe>
							</div>

						</div>


						<%--旅游--%>
						<div class="ly">
							<div style="width: 100%;margin-top:10px;font-size: 16px;margin-left: 5px">
								●	旅游预报
								<hr style="height: 2px;color: black;">
							</div>


							<div class="tab-pane fade in" id="lvyou"
								 style="text-align: center">
								<iframe src="pages/WeatherService/lvYou.jsp" width="100%" height="100%"
										 frameborder="0" onload="" ></iframe>
							</div>



						</div>






					</div>


				</div>











			<div class="link-list-t">
				<ul id="links">
                    <li style="background-image: url(images/link/地图.png)"><a><span>决策气象服务</span></a>
					</li>
					<%--<li style="background-image: url(images/link/气象.png)"><a--%>
						<%--href="" target="_blank"><span>公共气象</span></a></li>--%>


					<%--<li style="background-image: url(images/link/三维.png)"><a--%>
						<%--href="" target="_blank"><span>三维气象</span></a></li>--%>
					<li style="background-image: url(images/link/服务.png)"><a
						href="" target="_blank"><span>专业服务网</span></a></li>
					<li style="background-image: url(images/link/数据.png)"><a
						href="" target="_blank"><span>数据服务</span></a></li>
					<li class="wechat" style="background-image: url(images/微信公众号.jpg)"><span>微信公众号</span></li>
					<li class="wechat" style="background-image: url(images/微信公众号.jpg)"><span>微信小程序</span></li>
				</ul>
			</div>



			<div class="copyright">湘潭市气象局 版权所有 2019</div>
		</div>
		<div id="win" class="easyui-window"
			data-options="minimizable:false,maximizable:false,closable:false,collapsible:false,closed:true,headerCls:'headerclass'"
			style="width: 350px; height: 200px"></div>
		<div id="draggable" class="easyui-draggable"
			data-options="handle:'#title'"
			style="width: 320px;
                    height: 240px; background: #fafafa; border: 1px solid #ccc;">
			<div id="title"
				style="padding: 5px; background: #4677ba; color: #fff; height: 30px;">
				<div id="titleContent"></div>
				<img src="images/close.png" class="dragTitleClose" alt=""
					onclick="HideDraggable()" />
			</div>
			<div class='neirong divScrol'
				style="width: 318px; height: 200px; padding: 10px;
                        overflow: auto;">
			</div>
		</div>

		<div id="SmallJianTou"></div>
		<%--<div id="TuBiao" class="dialog" style="z-index: 10001;">--%>
			<%--<div class="dialogMain">--%>
				<%--<div class="tab1" >--%>
					<%--<div id="zzwLeft"--%>
						<%--style="float: left;background-color: rgb(115,147,190); width: 70%;"><!-- rgb(155,--%>
                <%--202, 224)-->--%>
						<%--<div id="tabYuBao" class="tabHot"  onclick="WarningTip()"--%>
							<%--style="text-align: center; font-size: 14px;--%>
                                    <%--font-weight: bold; cursor: pointer; ">--%>
							<%--预警信息</div>--%>
						<%--<div id="tabShiKuang" class="tabPuTu" onclick="ImpWeatherTip()"--%>
							<%--style="text-align: center;--%>
                                    <%--font-size: 14px; font-weight: bold; cursor: pointer;">--%>
							<%--重要天气</div>--%>
					<%--</div>--%>
					<%--<div--%>
						<%--style="width: 30%; float: right; background-color: rgb(115,147,190); cursor: pointer;">--%>
						<%--<a id="close" class="close"></a>--%>
					<%--</div>--%>
				<%--</div>--%>

				<%--<div id="content1"--%>
					<%--style="display: none; position: relative; z-index: 20; top: 30px;left:30px">--%>
					<%--<table align="center"--%>
						<%--style="margin: 0px auto; width: 380px; margin-right: 10px;--%>
                                <%--margin-top: 25px; margin-top: 0px;font-size: 12px;"--%>
						<%--cellpadding="0" cellspacing="0">--%>
						<%--<!--<tr>--%>
                    <%--<td style="width: 120px;text-align:center">2018/1/5 3:20:00</td>--%>
                    <%--<td style="width: 120px;text-align:center">高坪</td>--%>
                    <%--<td style="width: 120px;text-align:center">雾霾</td>--%>
                <%--</tr>-->--%>
					<%--</table>--%>
				<%--</div>--%>
				<%--<div id="content2"--%>
					<%--style="z-index: 20; top: 30px;left:30px; position: relative;">--%>
					<%--<table class="al_wt" cellspacing="0" cellpadding="0"--%>
						<%--style="font-size: 12px;">--%>
						<%--<tr>--%>
							<%--<!--<td style="width: 120px;">--%>
                        <%--<img src="images/yjtb/冰雹红色.jpg" />--%>
                        <%--<br />--%>
                        <%--冰雹红色--%>
                    <%--</td>--%>
                    <%--<td style="width: 120px;">--%>
                        <%--<img src="images/yjtb/冰雹红色.jpg" />--%>
                        <%--<br />--%>
                        <%--冰雹红色--%>
                    <%--</td>--%>
                    <%--<td style="width: 120px;">--%>
                        <%--<img src="images/yjtb/冰雹红色.jpg" />--%>
                        <%--<br />--%>
                        <%--冰雹红色--%>
                    <%--</td>-->--%>
						<%--</tr>--%>
					<%--</table>--%>
				<%--</div>--%>
			<%--</div>--%>
		<%--</div>--%>

	</div>
	<script src="script/commonJs.js" type="text/javascript"></script>
	<script src="script/index.js" type="text/javascript"></script>
	<%--<script src="script/weatherForcast.js" type="text/javascript"></script>--%>
</body>
</html>

